import {createRoot} from "react-dom/client";
import {NavLayout} from "../src/navigation/NavLayout.tsx";

createRoot(document.getElementById('root')!).render(
	<div>
		<div style={{
			height: "20px"
		}}></div>
		<NavLayout>
			111
			<div
				className={'test-blue'}
				style={{
					height: "100px",
					width: "100px",
				}}
			>
			</div>
			<div
				style={{
					height: "100px",
					width: "100px",
					backgroundColor:'yellow'
				}}
			>

			</div>

			{[ 1, 2, 3, , 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31,].map((item) =>
				<div key={item}>{item}</div>
			)}
			{/*{[ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31,].map((item) =>*/}
			{/*	<div key={item}>{item}</div>*/}
			{/*)}*/}
		</NavLayout>

		<div style={{
			height: "30px"
		}}></div>
	</div>
)
